<!DOCTYPE html>
<html>
  <head>
		<title>合同详情</title>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link href="../jsp/css/contractTerms.css" rel="stylesheet">
		<!-- 插件样式 -->
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" type="text/css" href="./css/sm.min.css">
		<!-- 插件js -->
		<script src="./js/zepto.js"></script>
		<script src="./js/sm.min.js" ></script>
		<script type="text/javascript" src="../js/jquery-2.1.1.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="../common/common.js"></script>
	<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
	<script src="js/pointlog.js"></script>
	<style>
/* 	*{touch-action: none;}  */
	</style>
	</head>
	<body style="background: #f1f1f1;">
		<div class="terms--box" style="overflow: scroll;">
			<h4 class="con-title" id="conTitle"></h4>
		<div class="see-sampe-panle">
				<div class="sampe--img">
	        	<p style="text-align: center;padding: 5px;">《合租共同协议》</p>
        	<p>每位租户经友好协商，根据《合同法》及国家、当地政府、珠海蓝居实业有限公司（以下简称蓝居）管理制度对房屋租赁的有关规定，就共同租赁使用房屋一事达成以下协议。</p>
        	<p>第一条 各位租户由蓝居匹配，本协议所租房屋位于：<b id="pub-inp-renter_addr_"></b></p>
        	<p>第二条 每位租户享有房间一卧室的完全独立使用权，以及公共区域的共同使用 权。每位租户可以提出对于合租租户的要求，但由蓝居来匹配，由于租户个人要求原因对其他租户刻意不满意的，蓝居有权单方面安排有意见一方或多方的租户进行换房处理，每位租户如果要增加常住合租人数（连续居住超过2天的为常住），必须取得蓝居以及其他租客的同意且签字，重新订立协议，方可增加。</p>
        	<p>第三条 每位租户拥有共同使用区域为客厅、厨房、卫生间、阳台及这些区域里面的相关设施，同时，必须爱护好共同区域的房屋及相应的设施，如有发现破损，请及时拍照上传给蓝居管家及时处理，根据谁导致谁负责的原则处理，若都没能有确凿证据证明谁导致损坏的，按照居住人数进行平摊赔偿损坏费用。</p>
        	<p>第四条 合租期间，本着和平、友好相处的原则，双方应共同维护居住环境的卫生、安全。不得随意干扰其他租户的私人空间。对方的合理建议，应予以采纳。不得随意拿取其他租户的东西，摆放在公共区域的贵重物品请收拾好，如有损失且没能有确凿证据证明其他租户拿取的一律视为损失者自身的责任，与他人无关。</p>
        	<p>第五条 合租期间，水、电、煤气/天然气、宽带费、公共区域卫生清理费按所实际所居住人数平摊。</p>
        	<p>第六条 如有访客来访，应尽量保持安静，以不干扰对方学习、生活为宜。超过2个访客来访，应提前告知其他租户。如因生活需要，维修公共区域设备、添置公共区域设施产生的费用，由所有租客另行协商解决。</p>
        	<p>第七条 租户有下列情况之一的，其他租户必须告诉蓝居，以免伤害自身利益。
　　1、租户未经蓝居许可擅自将房屋转租、转让或转借的。
　　2、租户在房屋进行吸毒、吸气等类似的非法活动，损害他人人身安全的，经常喝酒产生噪音影响他人休息生活的。
	3、不讲究个人卫生，不收拾公共区域私人物品的。
        	</p>
        	<p>第八条 在租住期间，每个租户应本着“节约、爱惜”的原则，不得浪费水、电、煤气/天然气等。应共同维护设施的安全。</p>
        	<p>第九条 公共区域的卫生要求。厨房不得占为己有，摆放好厨房用品，做饭必须及时（不能超过24小时）清洁干净工具，打扫厨房卫生。公共卫生间必须摆放好洗漱用品，不得占为己有，不能产生过多的积水。公共阳台的晾衣必须及时收纳好晾干的衣服，不能产生过多的积水。</p>
        	<p>第十条 产生任何的纠纷必须通知蓝居管家及时协调，不得争吵不得打骂，由于租户导致他人的损坏，一律与蓝居无关，严重者报警处理。</p>
        	<p>第十一条 本协议自订立之日起，即告生效，由甲方、乙方各执一份。</p>
			<p>以上条款协议我已清楚，我承诺遵守以上的协议。
        	</p>
					<span class="close_panle" id="closePanle"></span>
				</div>
			</div>
			<div class="terms-contents">
				<div class="same-contents">
					<h3 class="tit">《房屋租赁合同》</h3>
					<p>房屋租赁合同编号：<b id="contract-id"></b></p>
					<p>本《房屋租赁合同》（“本合同”）由以下双方于<b id="pub-create_time"></b>签署：</p>
					<p>甲方(出租方)：<b>珠海蓝居实业有限公司</b></p>
					<p>乙方(承租方)：<b id="pub-inp-renter_name"></b></p>
					<p>乙方身份证号：<b id="pub-inp-renter_idcard"></b></p>
					<p>根据《中华人民共和国合同法》及其他相关法律、法规规定，甲乙双方在平等、自愿、协商一致的基础上，就下列房屋的租赁达成如下协议：</p>
					<p>一、租赁标的资产：</p>
					<p>甲方将坐落在<b id="pub-inp-renter_addr"></b>标的资产（以下简称“标的资产”），</p>
					<p>建筑面积<b id="pub-inp-house_area"></b>平方米，用途：居住。乙方认同甲方提供标的资产的附件《验房清单》、《物品清单》，并承诺对标的资产及设备规范使用。</p>
					<p>二、租赁期：</p>
					<p>租赁期自<b id="pub-date02"></b>起至<b id="pub-date03"></b>日止。租赁期满，甲方有权收回该标的资产，
乙方应如期交还；如果甲方将该标的资产继续出租，乙方享有优先权，但必须在本合约期满前一 个月向甲方提出书面申请。</p>
					<p>三、租金：</p>
					<p>3.1、 租金每月<b id="pub-inp-rental_price"></b>元人民币；每<b id="pub-inp-pay_period"></b>个月二十五号支付一次房租，
每月租金及其他费用须于叁日之前交付甲方。
					</p>
					<p>3.2、 租赁期间，乙方承担下列所发生费用：
						<input type="checkbox" name="pub-inp-renter_free"  value="水费" disabled="disabled"> 水费
						<input type="checkbox" name="pub-inp-renter_free" value="电费" disabled="disabled"> 电费
						<input type="checkbox" name="pub-inp-renter_free" value="电话费" disabled="disabled"> 电话费
						<input type="checkbox" name="pub-inp-renter_free" value="网络费" disabled="disabled"> 网络费
						<input type="checkbox" name="pub-inp-renter_free" value="煤气费" disabled="disabled"> 煤气费
						<input type="checkbox" name="pub-inp-renter_free" value="有线电视月租费" disabled="disabled"> 有线电视月租费
						<input type="checkbox" name="pub-inp-renter_free" value="物业管理费" disabled="disabled"> 物业管理费
						<input type="checkbox" name="pub-inp-renter_free" value="其他费用" disabled="disabled"> 其他费用(如有见补充各项）
					</p>
					<p>4.1、 押金：签定本合同之同时，乙方向甲方支付<b id="pub-inp-cash_pay_month"></b>个月押金，合计人民币<b id="pub-inp-total_cash"></b>元交予甲方。</p>
					<p>4.2、合同期满，乙方如不再续约，甲方应将押金退还乙方（不计利息）。</p>
					<p>4.3、乙方若于租赁期间内违反本合约之规定，致使甲方未能如期收取租金或因而发生费用，甲方可以扣除部分或全部押金抵付。或押金不足以抵付有关费用，乙方须按接到甲方付款通知书 7天内补足。</p>
					<p>五、甲方责任：</p>
					<p>5.1、甲方必须保证该房屋的结构和设施均能正常使用；</p>
					<p>5.2、室内外正常维修由甲方负责（人为原因导致的除外）。</p>
					<p>六、	乙方责任：</p>
					<p>6.1、	按照本合同规定的时间和方式支付租金、保证金及其它费用。</p>
					<p>6.2、	租赁期间，乙方不得擅自改变结构和用途，不得储存任何违禁品、易燃易爆品物，不得随意损坏房屋设施，如需装修或改造，需先征得甲方同意，并承担装修改造费用。租赁结束时，乙 方须将房屋设施恢复原状。</p>
					<p>6.3、	乙方如因使用不当损坏房屋及设施的，应负责修复原状或予以经济赔偿。若水、电、煤气 使用不当或人为造成的人身伤亡和意外事故，与房东、甲方无关，后果自负。（乙方搬家临走前必 须把卫生搞好，否则扣除卫生清理费伍佰元)</p>
					<p>6.4、	标的资产保洁：乙方必须要配合甲方管家一月一次的管家服务及保洁，月度保洁服务内容：
房屋客厅、厨房、卫生间的墙面、地面、家具家电的清洁，大保洁可以自行处理（以甲方提供 清洁管理单为标准清洁）亦可委托甲方管家来处理，一年一次的保修验房，确保房屋的干净性。
					</p>
					<p>6.5、	标的资产清单：对于标的资产设施设备现场情况以双方签取的交接清单为准，如有损坏，甲方有权利从乙方保证金扣除。</p>
					<p>6.6、	标的资产的安全：未经甲方同意，乙方不得私自把该房的部分或全部转租他人。对于常住的住客需要提前给甲方报备以及需要经过甲方的同意方可进住，以免造成乙方的损失。对于增加宠 物，须与甲方沟通且同意方可增加添养，否则一经发现警告，严重者属于乙方单方违约。</p>
					<p>6.7、	乙方到期不再续租，需提前一个月告知甲方，甲方期间会提前通知乙方，允许甲方带其他意向租户看房，乙方需配合甲方工作。</p>
					<p>6.8、	因乙方违约而合同终止，甲方有权不经乙方同意单方收回标的资产，乙方须无条件立即返还 物业。如乙方不交出标的资产的钥匙，甲方有权会同管理处人员作证进入自己的房屋内，将乙方 存放在房内的物品清点拍卖，并用于抵偿欠租和有关费用，若有余则应交回给乙方，乙方保证履 行合约规定，如有违约，完全自愿接受甲方作出的上述处理，同时保证绝不会提出任何异议。</p>
					<p>七、	违约处理：</p>
					<p>7.1、	如乙方违反本合同条约，甲方有权终止合同，收回房屋，没收剩余房款，如不足抵过甲方损 失，乙方应予以赔偿；2、如甲方违反本合同条约，应按照一个月租金向乙方支付违约金，并退回 剩余房款及保证金；3、如甲方擅自提前终止合同，应按一个月租金向乙方支付违约金，并退回剩 余房款及保证金；4、如乙方因非房屋问题中途退房，须按两个月房租向甲方支付违约金，甲方退回剩余租金及保证金，否则，没收剩余房租金及保证金。</p>
					<p>八、	其他：</p>
					<p>8.1、 本合同未尽事宜，一律按《中华人民共和国合同法》的有关规定，经双方协商作了补充规定， 补充规定与本合同具有同法律效力。</p>
					<p>8.2、	如因洪水、地震、火灾、拆迁和法律法规政府政策变化不可抗力原因，导致本协议不能全面履行，甲、乙双方互不承担违约责任。租金按实际租赁时间计算，多退少补。</p>
					<p>8.3、	本合同一式三份，甲、乙双方各执一份，备案一份，每份均具有同法律效力。</p>
					<p>8.4、 乙方本人电话：<b id="pub-inp-renter_phone"></b></p>
					<p style="display: none">乙方紧急联系人电话：<b id="pub-inp-urgency_phone"></b></p>
					<p style="display: none">8.5、备注：<b id="pub-addProtocol"></b></p>
					<p></p>
				</div>

			</div>

			<div class="con-bottom row" id="btn-div">
				<label class="agree" style="display: none">
					<input type="radio" name="agree" id="agree"  />
					我已阅读并同意以上合同的全部条款<span class="xieyi">与</span><span class="xieyi" style="color: blue;text-decoration: underline;touch-action: none;" id="seeEg">合租协议</span>。
				</label>
				<a href="javaScript:;" id="backToEdit" user-id="" class="col-50 button button-big button-fill button-warning">返回修改</a>
				<a href="javaScript:;" id="sureSend" user-id="" class="col-50 button button-big button-fill button-info" >返回列表</a>
				<a href="javaScript:;" id="suggest" user-id="" class="button button-big button-fill button-info" style=" width : 90% !important;margin-left: 5%;display: none" >提交</a>
			</div>
		</div>
	</body>

	<script type="text/javascript">
		window.$$=window.Zepto = Zepto;
		var userName;
		var houseAddress;
		var signDate;
		/**
		 * 根据值加载多选框
		 * @param name
		 * @param value
		 */
		function showCheckbox(name,value){
			var nValue =  $("input[name='"+name+"']");
			var sValue = value.split(",");
			for(var i=0;i<nValue.length;i++){
				for(var j=0;j<sValue.length;j++){
					if(nValue[i].value == sValue[j]){
						nValue[i].checked = true;
						break;
					}
				}
			}
			}
		// 打开查看示例弹窗
		$("#seeEg").on("click",function(){
			$(".see-sampe-panle").css("top", "0");
		});
		// 关闭查看示例弹窗
		$("#closePanle").on("click",function(){
			$(".see-sampe-panle").css("top", "130%");
		});
		$(function(){

			// 请求接口获取合同信息
			function getContractData() {
				$.ajax({
					type : "POST",
					dataType : 'json',
					url : "../zukeContract/getConstractDetailById",
					data : {
						'contractId': $.getUrlParam("contractId")
					},
					success : function(data) {
						console.log(data)
						if( data.success ){
							var contractDetail = data.contractDetail;
							$("#backToEdit, #sureSend, #suggest").attr('user-id', contractDetail.userId);
							if(contractDetail.rental_type == 1){
								$(".xieyi").hide();	
							}
							
							if (contractDetail.status != 1 || contractDetail.status ==null) {
								$("#btn-div").show();
								if (data.flag == 2) {
									$("#backToEdit, #sureSend").addClass("on");
								} else if (data.flag == 0) {
									$(".agree, #suggest").addClass("on");
								}
							} else {
								$("#btn-div").hide();
							}

							// 合同的标题
							var _conTypeTit = [
								'整租',
								'合租'
							];
							for (var i = 0; i < 4; i++) {
								$("#conTitle").text(_conTypeTit[contractDetail.rental_type * 1 - 1]).show();
							}
							// 显示对应合同的内容
							$("#type0" + contractDetail.contractType).show();
							$("#selectNext").attr("disabled", false).css("background", "#0894ec");
							$("#contract-id").text(contractDetail.contract_id);
							$("#pub-inp-renter_name").text(contractDetail.renter_name); // 用户姓名
							$("#pub-inp-renter_idcard").text(contractDetail.renter_idcard); // 身份证号码
							$("#pub-inp-renter_addr").text(contractDetail.renter_addr); // 房子地址
							$("#pub-inp-house_area").text(contractDetail.house_area);
							$("#pub-inp-rental_price").text(contractDetail.rental_price);
							$("#pub-date02").text(formatDateTime(contractDetail.renter_start_time)).addClass("on-sel");
							$("#pub-date03").text(formatDateTime(contractDetail.renter_end_time)).addClass("on-sel");
							$("#pub-inp-pay_period").text(contractDetail.pay_period);
							$("#pub-inp-cash_pay_month").text(contractDetail.cash_pay_month);
							$("#pub-inp-total_cash").text(contractDetail.total_cash);
							$("#pub-inp-renter_phone").text(contractDetail.renter_phone);
							$("#pub-inp-renter_addr_").text(contractDetail.renter_addr);
							if(contractDetail.urgency_phone != null &&  contractDetail.urgency_phone !=""){
								$("#pub-inp-urgency_phone").parent().show();
								$("#pub-inp-urgency_phone").text(contractDetail.urgency_phone);
							}
							if(contractDetail.remark != null && contractDetail.remark != "" ){
								$("#pub-addProtocol").parent().show();
								$("#pub-addProtocol").html(contractDetail.remark);// 补充协议
							}
							showCheckbox("pub-inp-renter_free",contractDetail.renter_free);
						}
					}
				});
			}

			// 返回修改按钮操作,跳转到创建合同页面修改
			$("#backToEdit").on("click", function(){
				window.location.href = "renterContractCreate.html?userId=" + $(this).attr("user-id") + '&contractId=' + $.getUrlParam("contractId");
			});

			// 确认发送合同按钮事件
			$("#sureSend").on("click", function(){
				window.location.href = "hetong.html?userId="+$(this).attr("user-id")+"&agreementType=0";
			});

			getContractData();

		});
		$("#suggest").click(function(){
			var userId_=$(this).attr("user-id");
			if (!$("#agree").is(":checked")) {
				$$.toast("请先阅读并同意以上合同条款");
				return;
			}
			$$.showPreloader("提交中...");
			$.ajax({
				url : "../zukeContract/signComtract.do",
				data : {
					contractId : $.getUrlParam("contractId")
				},
				type : "GET",
				dataType : 'json',
				cache : false,
				success : function(ret){
					console.log(ret);
					if(ret.success)
					$$.alert(ret.msg, function () {
						$("#btn-div").hide();
					});
					$$.hidePreloader();
					window.location.href = "contractCodePay.html?contractId="+$.getUrlParam("contractId");
				},
				error: function(){
					$$.hidePreloader();
					$$.toast("加载出错");
				}
			});
		})
	</script>
</html>
